﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CollectionDetails.aspx.cs"
    Inherits="ShowroomMobile.CollectionDetails" MasterPageFile="~/Product.Master"
    Theme="tbmobile" %>

<%@ Register Src="~/Controls/FacebookButton.ascx" TagName="FacebookButton" TagPrefix="uc" %>
<%@ Register Src="~/Controls/GoogleButton.ascx" TagName="GoogleButton" TagPrefix="uc" %>
<asp:Content runat="server" ID="cCollectionDetails" ContentPlaceHolderID="body">
    <link href="css/pro.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="scripts/min_contentslider.js"></script>
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function MM_swapImgRestore() { //v3.0
            var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
        }
        function MM_preloadImages() { //v3.0
            var d = document; if (d.images) {
                if (!d.MM_p) d.MM_p = new Array();
                var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
                    if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
        }
    }

    function MM_findObj(n, d) { //v4.01
        var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
            d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
        }
        if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
        for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
        if (!x && d.getElementById) x = d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
        var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
            if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}
    </script>
    <div class="main_box">
        <div class="syFocusThumb">
            <div id="syFocusThumb" class="sliderwrapper">
                <asp:Repeater runat="server" ID="rptImageMain">
                    <ItemTemplate>
                        <div class="contentdiv">
                            <div class="dPic">
                                <img src='<%# ShowroomMobile.Utilities.GetKeySetting("PathUploadImageOriginal") + "/" + Eval("OriginalUrl") %>'
                                    width="980" height="482" /></div>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <div id="paginate-syFocusThumb" class="pagination">
                <i id="prev" class="prev" title="Prev"></i>
                <div class="thumbWrap">
                    <div class="holder" style="margin-left: 0px;">
                        <asp:Repeater runat="server" ID="rptImageThumb">
                            <ItemTemplate>
                                <i class="toc" style="float: left;" rel="1"><a href="#" target="_blank">
                                    <img src="<%# ShowroomMobile.Utilities.GetKeySetting("PathUploadImageThumb") + "/" + Eval("OriginalUrl") %>"
                                        height="150" /></a></i></ItemTemplate>
                        </asp:Repeater>
                    </div>
                </div>
                <i id="next" class="next" title="Next"></i>
            </div>
            <script type="text/javascript">
                featuredcontentslider.init({
                    id: "syFocusThumb",
                    contentsource: ["inline", ""],
                    toc: "scroll",
                    nextprev: ["", ""],
                    revealtype: "click",
                    enablefade: [false, 0.15],
                    autorotate: [true, 3500],
                    delay: 0,
                    onChange: function (previndex, curindex) {
                    }
                });
</script>
        </div>
        <div class="newshotbox">
            <div class="pro_spec">
                <!--news-->
                <div class="pro_spec_bt">
                    <ul>
                        <li class="pro_spechover" id="show1">Information</li>
                    </ul>
                </div>
                <div class="pro_spec_nr">
                    <div id="win1">
                        <h4>
                            <asp:Label runat="server" ID="lblProductName" /></h4>
                        <p>
                            &nbsp;</p
                        <p><span class="price"><asp:Label runat="server" ID="lblPrice" /></span></p>
                        <asp:Label runat="server" ID="lblProductDetail" />
                        <div>
                            &nbsp;</div>
                        <div style="position:absolute;bottom:0;right:30px;">
                            <uc:FacebookButton runat="server" ID="ucFacebookButton" />
                            <uc:GoogleButton runat="server" ID="ucGoogleButton" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="cb">
        </div>
    </div>
</asp:Content>
